<template>
    <h3>表单输入绑定</h3>
    <div>
        <span>输入框：</span>
        <input type="text" name="text" id="text" v-model="message" />
        <label for="text">输入内容：{{ message }}</label>
    </div>
    <div>
        <span>输入框（.lazy修饰符）：</span>
        <input type="textlazy" name="textlazy" id="textlazy" v-model.lazy="messageLazy" />
        <label for="textlazy">输入内容：{{ messageLazy }}</label>
    </div>
    <div>
        <span>复选框：</span>
        <input type="checkbox" name="checkbox" id="checkbox" v-model="checked" />
        <label for="checkbox">{{ checked }}</label>
    </div>
</template>

<script>
export default {
    data() {
        return {
            message: "",
            checked: true,
            messageLazy: ""
        }
    }
}
</script>


